<template>
  <div class="four-box">
      <div class="four-box-one">
          <img src="../../assets/zt/8.jpg" alt="">
      </div>
       <div class="four-box-tow">
            <div>
                <h2>行业动态</h2>
            </div>
        </div>
        <div class="four-box-three">   
            <ul class="four-ul">
                <li>
                    <span>
                        2018
                        <br>
                        09-04
                    </span>
                    <div>
                        <a href="">新政策来了！完成62学时后才能约考C1驾照，要求很严格....</a>
                        <br>
                        <b class="four-b"><a href="">嚷嚷着推行了三、四年的计时培训，终于在今年实现了全面落地推广。国庆来临前，众多省份便就学时对接下发文件：全面推行计时培训，完成全部62学时才能约考C1驾照！</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2019
                        <br>
                        07-24
                    </span>
                    <div>
                        <a href="">考驾照更方便了，2018年驾考新规则解读</a>
                        <br>
                        <b class="four-b"><a href="">2018年驾考新规实施后，我们再也不用跟随驾校大部队学员报名考试，而是可以自主报考，报名、约考、缴费等都可以通过互联网交通安全综合服务管理平台来实现，更加人性化，效率也</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2020
                        <br>
                        02-22
                    </span>
                    <div>
                        <a href="">方向感很差的有什么补救措施呢？</a>
                        <br>
                        <b class="four-b"><a href="">学车时，教练叫你左转，你却向右打了方向，教练叫你调整车身，你却不知道该往哪边打，由于缺乏方向感，导致学员练车很吃力，该怎么办？</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2019
                        <br>
                        03-22
                    </span>
                    <div>
                        <a href="">学车考驾照又有新规定!7月1号前报名还不受影响,没学车的抓紧了</a>
                        <br>
                        <b class="four-b"><a href="">“驾考新规7月1号起实施，考试难度大升级。”对于即将来临的驾考新规，许多市民议论纷纷。近日，公安部交管局发布新修订的《机动车驾驶人考试内容和方法》详细规定了新的驾考评</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        08-09
                    </span>
                    <div>
                        <a href="">江西省10月份全面实现驾培监管平台与公安考试系统联网对接</a>
                        <br>
                        <b class="four-b"><a href="">记者近日从省运管局获悉，今年10月底，我省驾驶培训监管平台与公安考试系统将全面完成联网对接。 据介绍，为推进我省机动车驾驶员培训考试制度改革工作，我省在上饶市（</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">方向感很差的有什么补救措施呢？</a>
                        <br>
                        <b class="four-b"><a href="">学车时，教练叫你左转，你却向右打了方向，教练叫你调整车身，你却不知道该往哪边打，由于缺乏方向感，导致学员练车很吃力，该怎么办？ 科二：左右不分 倒车时感觉混乱，如倒</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">学车的时候有什么要注意的？</a>
                        <br>
                        <b class="four-b"><a href="">1、学车不怕练车少，就怕你动手不动脑 有的学员确实在练车上下了不少功夫，却总是学不好。学车的确要下很多功夫，但光花时间没有效率，光练却不动脑，也是万万不能的。学车重</a></b>
                    </div>
                </li>
            </ul>
        </div>
        <div class="four-box-four" >
            <!-- style="display: block; top: 1190px;"s -->
            <ul>
                <a href="">
                    <li>公司新闻</li>
                </a>
                <a href="">
                    <li>行业动态</li>
                </a>
                <a href="">
                    <li>安全驾驶</li>
                </a>
                <a href="">
                    <li>驾驶信息</li>
                </a>
                <a href="">
                    <li>经验心得</li>
                </a>
            </ul>
        </div>
         <div class="four-box-five">
            <span>共7条 当前1/1页</span>
            <span>
                <a href="http://www.yjx118.com/?jiaoxuezhongxin/kemuyi/">首页</a>
            </span>
            <span>前一页</span>
            <span>1</span>
            <span>后一页</span>
            <span>尾页</span>
        </div>
        <Weibu/>
  </div>
</template>

<script>
import Weibu from '../../components/weibu/weibu.vue'
export default {
    name:'Ztfive',
    components: {
        Weibu
    }
}
</script>

<style lang="scss">
    .four-box{
        .four-box-one{
            img{
                width: 100%;
                
            }
        }
        .four-box-tow{
                width: 70%;
                margin: 0 auto;
                div{
                    background: #142B57;
                    color: #fff;
                    height: 55px;
                    line-height: 55px;
                    padding-left: 30px;
                    h2{
                        font-size: 28px !important;
                        font-weight: normal;
                        font-family: \9ED1\4F53;
                    }
                }
        }
        .four-box-three{
              width: 70%;
            margin: 0 auto;
              .four-ul{
                margin: 40px 20px 0px 0px;
                padding: 0;
                    li{
                        clear: both;
                        position: relative;
                        height: 120px;
                        display: block;
                        padding-left: 40px;
                        padding: 0;
                        span{
                            background: #fff;
                            display: block;
                            float: left;
                            background-color: #f4f4f4;
                            color: #a0a4b0;
                            width: 100px;
                            height: 70px;
                            text-align: center;
                            padding-top: 30px;
                            font-size: 18px;
                            line-height: 1.2;
                        }
                        div{
                            left: 34px;
                            top: 0;
                            background: #fff;
                            margin: 0;
                            padding-left: 20px;
                            float: left;
                            font-size: 18px;
                            a{
                                color: #142B57;
                            }
                        }
                        .four-b{
                            font-style: normal;
                            padding-top: 10px;
                            color: #666;
                            font-size: 14px;
                            background-color: #fff;
                            position: absolute;
                            display: block;
                            left: 120px;
                            padding-right: 16px;
                            width: 90%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-weight: normal;
                            line-height: 2;
                            a{
                                color: #666;
                            }
                        }
                    }
                }
        }
        .four-box-four{
            position: fixed;
            left: 0;
            top: 260px;
            background-color: #f4f4f4;
            width: 110px;
            z-index: 999;
            ul{
                a{
                    display: block;
                    cursor: pointer;
                    color: #142B57;
                    li{
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        border-bottom: 1px solid #e5e5e5;
                    }
                }
            }
        }
        .four-box-five{
            padding-BOTTOM: 25px;
            margin: 10px auto 0px;
            width: 98%;
            padding-top: 20px;
            text-align: center;
            margin-bottom: 80px;
        }
    }
</style>